﻿<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zh">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
	<meta charset="utf-8"/>
	<title>BPM云 - 登录</title>

	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<meta http-equiv="Cache-Control" content="no-store,no-cache,must-revalidate"/>
	<meta http-equiv="Pragma" content="no-cache"/>
	<meta http-equiv="Expires" content="0"/>
	<meta content="width=device-width, initial-scale=1.0" name="viewport"/>

	<meta name="name" content="BPM云"/>
	<meta name="author" content="Johnny"/>
	<meta name="keywords" content="BPM云,BPM SaaS,云工作流,业务流程云,工作流,工作流引擎,流程审批,审批流,OA云,办公自动化"/>
	<meta name="description" content="META_DESC_LOGIN"/>

	<%
	if (profile=="dev") {
	%>
	<link href="${cdn}/static/skins/lightblue/assets/bootstrap/global/plugins/simple-line-icons/css/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
	<link href="${cdn}/static/skins/lightblue/assets/bootstrap/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
	<link href="${cdn}/static/skins/lightblue/assets/bootstrap/admin/pages/css/login-soft.css" rel="stylesheet" type="text/css"/>
	<link href="${cdn}/static/skins/lightblue/assets/bootstrap/global/css/components-rounded.css" id="style_components" rel="stylesheet" type="text/css"/>
	<% } else { %>
	<link href="${cdn}/static/skins/lightblue/assetsmin/platform/portal/login.all.css?${productionVersion}" rel="stylesheet" type="text/css">
	<% }%>
	<!-- END THEME STYLES -->
	<link rel="shortcut icon" href="${cdn}/favicon.ico"/>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="login page-footer-fixed">
<!-- BEGIN LOGO -->
<div class="logo" style="width:400px;">
	<a href="javascript:void(0)">
		<img src="${cdn}/static/skins/lightblue/assets/bootstrap/admin/layout/img/logo-big2.png?${productionVersion}" alt=""/>
	</a>
	<span style="color:white;float:left;">&#174;</span>
</div>
<!-- END LOGO -->
<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
<div class="menu-toggler sidebar-toggler">
</div>
<!-- END SIDEBAR TOGGLER BUTTON -->
<!-- BEGIN LOGIN -->
<div class="content">
	<!-- BEGIN LOGIN FORM -->
	<%if (authtype == "ssjwt") {%>
	<form class="login-form" action="/" method="post" success-url="${successUrl}">
	<%} else {%>
	<form class="login-form" action="j_security_check" method="post">
	<%}%>
		<h3 class="form-title">登入您的帐号</h3>
		<div class="alert alert-danger display-hide">
			<button class="close" data-dismiss="alert" type="button"></button>
			<span>用户名或密码错误</span>
		</div>
		<div class="form-group">
			<!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
			<label class="control-label visible-ie8 visible-ie9">用户名，邮箱，手机号</label>
			<div class="input-icon">
				<i class="icon-user"></i>
				<input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="用户名，邮箱，手机号" name="j_username"/>
			</div>
		</div>
		<div class="form-group">
			<label class="control-label visible-ie8 visible-ie9">密码</label>
			<div class="input-icon">
				<i class="icon-lock"></i>
				<input class="form-control placeholder-no-fix" type="password" autocomplete="off" placeholder="密 码" name="j_password"/>
			</div>
		</div>
		<%if (authtype == "ssjwt") {%>
		<div class="row">
			<div class="form-group col-xs-6">
				<label class="control-label visible-ie8 visible-ie9">验证码</label>
				<div class="input-icon">
					<i class="icon-shield"></i>
					<input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="验证码" name="captcha" maxlength="4"/>
				</div>
			</div>
			<div class="form-group col-xs-6">
				<img class="img-captcha" src="" alt=""><a href="javascript:void(0)" class="btn-refresh-captcha" title="刷新"><i class="icon-refresh"></i></a>
			</div>
		</div>
		<%}%>
		<div class="form-actions">
			<label class="checkbox">
				<!-- <input type="checkbox" name="remember" value="1"/> 记住我  --></label>
			<button type="button" class="btn blue pull-right submitbtn">
				登入 <i class="m-icon-swapright m-icon-white"></i>
			</button>
		</div>

	</form>
	<!-- END LOGIN FORM -->
</div>
<!-- END LOGIN -->
<!-- BEGIN COPYRIGHT -->
<p>
	<br/>
	<br/>
	<br/>
<div class="copyright">
	<span style="line-height:20px;">
		2015 &copy; All rights reserved. &nbsp;&nbsp; Powered by &nbsp;
		<a href="https://www.bpmyun.cn" target="_blank">
			<img src="${cdn}/static/skins/lightblue/assets/bootstrap/admin/layout2/img/logo-default2.png" alt="BPM云" style="height:14px;margin-top:-4px;"/>
		</a>
	</span>
	<br/>京ICP备17001457号-1
</div>
</p>

<!-- /.modal -->
<div class="modal fade" id="succModal" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header" style="background-color: #2c8bfb;color:white;">
				<h4 class="modal-title">
					<i class="icon-check"></i>提交成功
				</h4>
			</div>
			<div class="modal-body">
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭
				</button>
			</div>
		</div>
	</div>
</div>

<script>
    var ctxpath = "/";
    var resloc = "${cdn}";
    var api_loc = '/bpmp-engine/openapi/v1';
    //var assetsPath = resloc + "/static/skins/lightblue/assets/bootstrap";
    var globalImgPath = "/global/img";
</script>
<!-- END COPYRIGHT -->
<%
if (profile=="dev") {
%>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/respond.min.js"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/excanvas.min.js"></script>
<script src="${cdn}/static/jslib/jquery/jquery1.11.2.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/jquery/jquery.form.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/jquery-validation/js/localization/messages_zh.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/backstretch/jquery.backstretch.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jsplatform/admin/login/pagestyle.js" type="text/javascript"></script>
<script src="${cdn}/static/jsplatform/admin/login/login.js" type="text/javascript"></script>
<% } else { %>
<script src="${cdn}/static/jsmin/platform/admin/login.all.js?${productionVersion}"></script>
<% }%>
<script>
    jQuery(document).ready(function() {
        Login.init();

        var bgpath = resloc+ '/static/skins/lightblue/assets/bootstrap/admin/pages/media/bg/';
        $.backstretch([
                bgpath+"1.jpg?${productionVersion}",
                bgpath+"5.jpg?${productionVersion}",
                bgpath+"7.jpg?${productionVersion}",
                //bgpath+"2.jpg?${productionVersion}",
                //bgpath+"3.jpg?${productionVersion}",
                bgpath+"4.jpg?${productionVersion}",
                bgpath+"6.jpg?${productionVersion}"
            ], {
                fade: 1000,
                duration: 4000
            }
        );
    });
</script>
<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>